<template>
  <div class="home">
    <recommend-songs />

  </div>
</template>

<script>
import recommendSongs from '@/components/home/recommend-songs'
export default {
  name: 'Home',
  components: {
    recommendSongs
  },
  data() {
    return {
      play: false,
      percentage: 0

    }
  },
  watch: {
    play(state) {
      const audio = this.$refs.audio
      state ? audio.play() : audio.pause()
    }
  },
  methods: {
    playSong() {
      this.play = !this.play
    },
    updateTime(e) {
      console.log(e, 'e')
      this.percentage = e.target.currentTime
    }
  }
}
</script>
